﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hai Van Travel</title>
    <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.23.js" type="text/javascript"></script>
    <script src="Scripts/jquery.jscrollpane.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mousewheel.js" type="text/javascript"></script>
    <script src="Scripts/hvt.bootstrap.js" type="text/javascript"></script>
    <link href="Content/reset.css" rel="stylesheet" type="text/css" />
    <link href="Content/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="Content/themes/base/jquery.ui.all.css" rel="stylesheet" />
    <!--<link href="Content/bootstrap-responsive.css" rel="stylesheet" type="text/css" />-->
    <link href="Content/style.css" rel="stylesheet" type="text/css" />
    <link href="Content/jquery.jscrollpane.css" rel="stylesheet" type="text/css" />
    <!--[if gte IE 9]>
      <style type="text/css">
        .gradient {
           filter: none;
        }
      </style>
    <![endif]-->
</head>
<body class="introduction">
    <div class="wrapper">
        <header>
            <div class="container">
                <div class="row">
                    <div class="span2 logo">
                        <a href="Index.html">
                            <img src="Content/images/logo.png" alt="Hai Van Travel" />
                        </a>
                    </div>
                    <div class="span14 menu">
                        <div class="span14">
                            <ul class="nav">
                                <li>
                                    <a href="Index.html" style="padding-bottom: 0px; padding-top: 5px;">LOGIN</a>
                                </li>
                                <li>
                                    <div class="select-style">
                                        <select>
                                            <option>Tiếng Việt</option>
                                            <option>English</option>
                                        </select>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="span14" style="margin-top: 10px">
                            <ul class="nav">
                                <li><a href="Index.html">Trang chủ</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Introduction.html">Giới thiệu</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Service.html">Dịch vụ</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Booking.html">Đặt vé</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="News.html">Tin tức</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="span16" style="background-image: url('/Content/images/top-shadow.png'); height: 6px; margin-left: 0">
                    </div>
                </div>
            </div>
        </header>
        <div class=" main">
            <div class="container">
                <div class="row">
                    <div class="span16 news-title">
                        <h1>Hải Vân travel mở tuyến Hà Nội - Mường Nhé</h1>
                    </div>
                    <div class="span3">
                        <ul class="vertical-list">
                            <li><a href="javascript:void(0)">Tin nội bộ</a></li>
                            <li><a href="javascript:void(0)">Tin khác</a></li>
                            <li><a href="javascript:void(0)">Sự kiện</a></li>
                        </ul>
                    </div>
                    <div class="span13">
                        <div class="news-content scroll-bar">
                            <div id="lipsum">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce convallis venenatis dolor vitae imperdiet. Maecenas mollis vulputate dui eu tempor. Vivamus molestie, sapien eget placerat viverra, magna turpis volutpat enim, nec tempor magna sapien ac felis. Donec porta suscipit scelerisque. Aliquam auctor, elit at iaculis consectetur, nibh ante tincidunt sem, et venenatis elit nisl a mi. Integer felis turpis, tristique quis fringilla sed, pulvinar vel odio. Pellentesque massa dui, tempor ac laoreet egestas, accumsan at urna. Sed dapibus mi nec est posuere ac commodo neque blandit. Maecenas id gravida tellus. In ac cursus ligula. Fusce quis risus tortor. Suspendisse potenti. Proin tristique hendrerit lacus quis consequat. Phasellus bibendum neque dolor, rutrum tristique nisi.
                                </p>
                                <p>
                                    Etiam quis nunc mauris. In volutpat tortor non velit consequat tempus. Nullam et ante magna, eu ornare elit. Praesent vulputate, ante id vulputate sollicitudin, felis tellus ornare odio, nec ultricies orci metus vitae nunc. Praesent vestibulum felis eu quam convallis quis viverra felis consequat. Nam ac sem non ipsum dictum cursus in sit amet libero. Quisque fringilla ultricies posuere. Integer condimentum orci ac enim aliquet posuere. Vestibulum in nulla nulla, a dapibus turpis. Nulla facilisi.
                                </p>
                                <p>
                                    Sed vel erat metus. Pellentesque eu nunc augue, id imperdiet urna. Pellentesque quis metus eu velit sollicitudin vulputate id ut purus. Vestibulum elementum sollicitudin lectus, ut tincidunt arcu sollicitudin at. Etiam enim lectus, porta sed tincidunt eu, sodales id ligula. Aliquam vitae dolor sed elit sollicitudin commodo. Mauris vitae leo elit. Vivamus dapibus, sapien eget vulputate molestie, neque diam vulputate sapien, ac porta diam risus ac arcu. Morbi placerat posuere sem in congue. In eu malesuada purus. Mauris id urna sed quam posuere posuere.
                                </p>
                                <p>
                                    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis placerat tempus ultrices. In at sapien eu nisl consequat aliquet. Donec quis ligula massa, ut sagittis sapien. Cras in rhoncus urna. Vivamus ante dolor, ultricies eget bibendum eget, tristique sed nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In sagittis quam a arcu convallis venenatis. Nulla velit ligula, faucibus id congue sed, tincidunt ut purus. Sed dictum magna quis metus ultrices vel blandit ligula mollis. Aliquam at arcu quam.
                                </p>
                                <p>
                                    Duis vitae sollicitudin tellus. Phasellus nec velit massa, ut feugiat ipsum. Maecenas sit amet nisi sit amet libero interdum interdum. Cras fringilla orci vitae mi tincidunt et semper urna gravida. In urna mi, luctus nec ornare et, pulvinar a enim. Fusce facilisis odio sit amet nunc semper tempor. Curabitur lacinia leo magna, a volutpat turpis.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <footer>
            <div class="container">
                <div class="row">
                    <div class="span16 sitemap">
                        <a href="Index.html">/Trang chủ</a>
                        <a href="Introduction.html">/Giới thiệu</a>
                        <a href="Service.html">/Dịch vụ</a>
                        <a href="Booking.html">/Đặt vé</a>
                        <a href="News.html">/Tin tức</a>
                    </div>
                </div>
            </div>
            <div style="width: 100%; background-color: #E7DEB3; height: 60px;">
                2012 Rule of Three Communications Limited            
            </div>
        </footer>
    </div>
</body>
</html>
